// // 定义一个 Test类
// class Test {
//     constructor() {
//         this.a = 1
//     }

//     testA() {
//         console.log('testA');
//     }
// }

// // 定义一个 子类 继承 Test
// class ChildTest extends Test {
//     testB() {
//         console.log('testB');
//     }
// }


// /* let obj = new Test()
// // 打印类中的属性
// console.log(obj.a);
// // 执行类中的方法
// obj.testA() */

// // 实例化子类，并打印父类中的属性，确认正常继承
// let obj1 = new ChildTest()
// console.log(obj1.a);
// obj1.testA()
// obj1.testB()

/**
 * 注意点总结：
 *  1. 定义的类组件名称首字母要大写
 *  2. return 后面加个括号方便写jsx语法的时候标签可以对齐
 *  3. return 的jsx代码中 最外层只能有一个标签
 */

import React from "react";
// 创建组件的方法(首字母要大写) => 继承React中的类 => 只有继承过 React.Component的类 才能叫组件类
class App extends React.Component {
    render() {
        // return 后面加个括号方便写jsx语法的时候标签可以对齐
        return (
            // 最外层只能有一个标签
            <section>
                hello react Component
                <ul>
                    <li>111</li>
                    <li>222</li>
                    <li>333</li>
                </ul>
            </section>
            // <div>新的内容</div>
        )
    }
}

// 导出定义好的组件
export default App